﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>我的游戏</title>
    <meta charset="utf-8">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="pragram" content="no-cache">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <link href="~/Scripts/Out/jquery.css" rel="stylesheet" />
    <link href="~/Scripts/Out/main.css" rel="stylesheet" />
    <link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <link href="~/Content/raid/style.css?v=1234" rel="stylesheet" />

    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <script src="~/Scripts/Level/jquery.levelup.js"></script>
    <script src="~/Scripts/Common/webExpress.js"></script>
    <script src="~/Scripts/Common/webExpress.utility.js"></script>
    <script src="~/Scripts/Common/webExpress.utility.ajax.js"></script>
    <script src="~/Scripts/Common/webExpress.utility.url.js"></script>
    <script src="~/Scripts/Out/jquery.js"></script>
    <script src="~/Scripts/layer_mobile/layer.js"></script>


    <style>
        .tubiaoul
        {
            float: left;
        }

        .tubiaoli
        {
            float: left;
            padding: 1% 1% 1%;
        }

            .tubiaoli span
            {
            }

        .menuItem
        {
            background-size: 80px auto;
            border: 2px solid #b59494;
            border-radius: 50%;
            box-shadow: 0 0 15px #fff;
            color: #eeeeee;
            display: block;
            height: 60px;
            left: 2%;
            line-height: 57px;
            margin-left: 22%;
            margin-top: 5%;
            position: relative;
            text-align: center;
            width: 60px;
            text-decoration: none;
        }


        media only screen and (max-width: 990px)
        {
            .our-team;

        {
            margin-bottom: 30px;
        }

        }
    </style>
</head>
<body>
    <!--
        主场景建筑: 风云(战力,富豪)，
                    酒馆(每天一次进去喝酒，历练值大量奖励，交友，装逼，聊天)
                    历练(每个战斗地图根据，等级解锁，战斗胜利获取经验值和历练值),
                    交易(允许玩家摆摊，摆摊证需要购买)
                    交际(帝国守护神-帝国护法-帝国战将-帝国勇士，以此类推，需要RMB购买，每日可获得资源),
                    传说(各种牛逼饰品，需要长期锻造出炉)
                    竞技，
                    活动，显示一些活动信息。
                    商城
                    
    -->

    <div id="page1" class="page" style="display: block;">
        <ul class="tubiaoul">
            <li class="tubiaoli"><a href="#" title="" class="menuItem" style="background-image: url('/Scripts/IndexLeft/img/1.jpg')"><span>风云</span></a></li>
            <li class="tubiaoli"><a href="#" title="" class="menuItem" style="background-image: url('/Scripts/IndexLeft/img/2.jpg')">酒馆</a></li>
            <li class="tubiaoli"><a href="#" id="raid" title="" class="menuItem" style="background-image: url('/Scripts/IndexLeft/img/3.jpg')">历练</a></li>
            <li class="tubiaoli"><a href="#" title="" class="menuItem" style="background-image: url('/Scripts/IndexLeft/img/4.jpg')">交易</a></li>
            <li class="tubiaoli"><a href="#" title="" class="menuItem" style="background-image: url('/Scripts/IndexLeft/img/5.jpg')">交际</a></li>
            <li class="tubiaoli"><a href="#" title="" class="menuItem" style="background-image: url('/Scripts/IndexLeft/img/6.jpg')">传说</a></li>
            <li class="tubiaoli"><a href="#" title="" class="menuItem" style="background-image: url('/Scripts/IndexLeft/img/6.jpg')">竞技</a></li>
            <li class="tubiaoli"><a href="#" title="" class="menuItem" style="background-image: url('/Scripts/IndexLeft/img/6.jpg')">活动</a></li>
            <li class="tubiaoli" id="showPack"><a href="javascript:void(0);" title="" class="menuItem" style="background-image: url('/Scripts/IndexLeft/img/6.jpg')">背包</a></li>

        </ul>
        @* <div class="title" id="nav">
            <span id="title"></span>
            <a class="btn right icon-back" id="back" style=""></a>
        </div>*@
        @*   <div id="content">
        </div>*@
    </div>
    <div class="message">
        <div id="messageinner" class="mCustomScrollbar _mCS_1" data-mcs-theme="dark">
            <div id="mCSB_1" class="mCustomScrollBox mCS-dark mCSB_vertical mCSB_inside" style="max-height: none;" tabindex="0">
                <div id="mCSB_1_container" class="mCSB_container" style="position: relative; top: -1px; left: 0px;" dir="ltr">
                    <ul id="messagelist">
                        <li>欢迎来到【完美大陆】，祝你在这里玩得开心^_^</li>
                        <li>官方QQ群：375298450</li>
                        <li>请使用支持HTML5的浏览器访问，360浏览器切换至极速模式。电脑访问的玩家请将浏览器窗口拖拽成如手机般的狭长页面。如对本游戏有任何建议，请直接跟官方群群主联系。感谢对本游戏的支持。</li>
                        <li>
                            <br>
                        </li>
                        <li><span style="color: rgb(255, 85, 255)">你还有40点先天天赋未分配，请到状态页面进行分配。
						<br>
                        </span><span style="background-color: rgb(0, 0, 187)">快去无锡崇安寺许愿吧，累计七次可获得神秘宝箱。
						<br>
                        </span></li>
                        <li><span style="color: rgb(0, 255, 0)">【档案存储】您的档案已经自动存盘。
						<br>
                        </span></li>
                    </ul>
                </div>

            </div>
        </div>
        <a class="shrink active" onclick="shrinkAndExpandMessage(this);">收起</a>
    </div>
    <div class="footer">
        <ul>
            <li class="status"></li>
            <li class="chatbtn"><a class="messageNum">0</a></li>
            <li class="observes" onclick="showQuests();"></li>
            <li class="shop" onclick="showVipshop();"></li>
        </ul>
    </div>
    <div id="dialog">
        <div class="dialogbox">
            <div class="dialog-title">
                提示
            </div>
            <div class="dialog-content">
            </div>
            <div class="dialog-buttons">
            </div>
        </div>
    </div>
    <div id="map">
        <div class="closemap" onclick="closeMap();">
            关闭地图
        </div>
        <div class="mapbox">
        </div>
    </div>

    <input type="hidden" value="@ViewBag.un" id="un"/>
    <script src="~/Scripts/Out/jquery_003.js"></script>

</body>
</html>
<div id="chatDiv" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0;display:none">

    @Html.Partial("_Chat", null);
</div>
<script src="~/Scripts/jquery.signalR-2.2.2.js"></script>
<script src="http://localhost:8080/signalr/hubs"></script>
<script src="~/Scripts/GameBussiness/ModelBase.js?v=123"></script>
<script src="~/Scripts/GameBussiness/User/UserModel.js"></script>
<script src="~/Scripts/GameBussiness/RaidModel.js?v=22"></script>
<script src="~/Scripts/GameBussiness/FloatLevel.js"></script>
<script src="~/Scripts/GameBussiness/SkillModel.js"></script>
<script src="~/Scripts/GamePro/Fight/RaidFight.js?v=1111"></script>

<link href="~/Content/layui/css/layui.css" rel="stylesheet" />
<script src="~/Scripts/GameProBase/Tool.js?v=2233"></script>
<script src="~/Scripts/GamePro/Home/Main.js?v=1"></script>
<link href="~/Scripts/Iframe/css/b.dialog.bootstrap3.css" rel="stylesheet" />
<link href="~/Scripts/Iframe/css/b.dialog.css" rel="stylesheet" />
<script src="~/Scripts/Iframe/js/jquery-ui.min.js"></script>
<script src="~/Scripts/Iframe/js/b.dialog.js"></script>
<script>
    $("#messageinner").mCustomScrollbar({
        axis: "y",
        mouseWheel: {
            enable: true
        },
        advanced: {
            updateOnContentResize: true
        }
    });
    function shrinkAndExpandMessage(a) {
        if ($(a).hasClass("active")) {
            $(".page").addClass("shrink-message");
            $(a).removeClass("active").html("展开")
        } else {
            $(".page").removeClass("shrink-message");
            $(a).addClass("active").html("收起")
        }
    }
    Number.prototype.toPercent = function () {
        return (Math.round(this * 10000) / 100).toFixed(2) + '%';
    }
    Main.Instance.Init();

    RaidFight.Instance.Init();
</script>
